<%-- 
    Document   : Accueil
    Created on : 5 avr. 2012, 09:29:04
    Author     : DE SILVA
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="StyleSheet" type="text/css" href="css/style.css" />
        <title>Boutique MIAGECOM</title>
    </head>

    <body>

<div class="container">
  <div class="header">
      <a href="#">
          <img src="images/Descartes.gif" alt="Boutique Master MIAGE" name="logo_paris_5" width="180" height="90" id="Insert_logo" style=" display:block; background-image:url(images/banniere.jpg);" />
      </a>
    <!-- end .header --></div>
  <div class="sidebar1">
    <ul class="nav">
      <li>
        <a class="accessoires"href="#">
              Accessoires
        </a>
      </li>
    </ul>
    <ul class="nav">
      <li>
        <a class="telephones" href="#">
              Téléphones
        </a>
      </li>
    </ul>
    <ul class="nav">
      <li>
        <a class="smartphones" href="#">
              Smartphones
        </a>
      </li>
    </ul>
    <ul class="nav">
      <li>
        <a class="forfaits" href="#">
              Nos forfaits
        </a>
      </li>
    </ul>
    <ul class="nav">
    <li class="paragraphe">
    <p> NOUVEAUTE</p>
    </li>
    <li class="paragraphe">
      <p><img src="images/iphone.jpg" width="163" height="162" alt="iphone"><br>
        Vous avez dit sidérant ?</p>
    </li>
    <li class="paragraphe"> </li>
    <li class="paragraphe"> </li>
    </ul>
    <!-- end .sidebar1 --></div>
  <div class="content">
  <script language="JavaScript" src="javascript/date.js"></script>

    <h1>MIAGECOM</h1>

    <p>Bienvenue sur l'espace web MIAGECOM</p>
    <h2>A VOIR</h2>
    <p><img class ="centrer"src="images/nokia.gif" width="401" height="194" alt="nokia"></p>
    <p>En haut il faut s'occuper du panier et procéder à l'idendification.</p>
  <!-- end .content --></div>
  <div class="sidebar2">
    <h4>MON PANIER</h4>
    <p> Retrouvez les articles que vous souhaitez commander.</p>
     <ul class="nav">
      <li>
          <a class="lien_sortant" href="http://carnets.parisdescartes.fr/" target ="_blank">
              Carnets
          </a>
      </li>
     </ul>
     <ul class="nav">
      <li>
          <a class="lien_sortant" href="http://miage.math-info.univ-paris5.fr/" target ="_blank">
              Master MIAGE
          </a>
      </li>
    </ul>
      <ul class="nav">
          <li>
              <a class="lien_sortant" href="https://intramiage.math-info.univ-paris5.fr/" target ="_blank">
                  Intra MIAGE
              </a>
          </li>
      </ul>
      <ul class="nav">
          <li>
              <a class="lien_sortant" href="http://www.parisdescartes.fr/" target ="_blank">
                  PARIS V
              </a>
          </li>
      </ul>
      <ul class="nav">
          <li>
              <a class="lien_sortant" href="#" target ="_blank">
                  Evènements
              </a>
          </li>
      </ul>


    <!-- end .sidebar2 --></div>
  <div class="footer">
    <p>Qui sommes-nous - Contact - Plan d'accès - Master MIAGE - Mentions légales</p>
  <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
</html>
